<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="200px" class="aside">

                <!--  -->
                <div><router-link to="/contain/home">Home</router-link></div>
                <div><router-link to="/contain/about">about</router-link></div>
                <div><router-link to="/contain/hello">Contain</router-link></div>

            </el-aside>
            <el-container>
                <el-header class="header">Header
                    
                </el-header>
                <el-main class="main">Main
                    <!-- 渲染视图，起到占位作用 -->
                    <RouterView/>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script setup>
</script>

<style scoped>
.aside{
    box-shadow: 1px 1px 1px 1px rgb(96, 47, 47);
}
.header{
    box-shadow: 1px 1px 1px 1px rgb(96, 47, 47);
}
.header{
    box-shadow: 1px 1px 1px 1px rgb(96, 47, 47);
}
</style>